<template>
  <div style="margin-top:100px">
    <router-link to="/home/news" active-class="active">news</router-link>
    <hr>
    <router-link to="/home/message" active-class="active">message</router-link>
    <hr>
    <div>
      <!-- <keep-alive include="stuNews"> -->
      <keep-alive :include="['stuNews', 'stuMessage']">
        <router-view></router-view>
      </keep-alive>
      
    </div>
  </div>
</template>

<script>
export default {
    name: 'stuHome'
}
</script>

<style>
  a {
    color: black;
    text-decoration: none;
  }
  .active {
    background: red;
  }
</style>